<!doctype html>
<html class="html" lang="es-ES">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="generator" content="2014.2.1.284"/>
<title>Reperar Mi Casa</title>

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/estilo.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<body>
    <header>
    	<div class="sombra">
        	<div align="center" style="padding-top:50px;">
            	<img src="imagenes/logotext.png" />
                <div style="width:110px; height:3px; background-color:#FFF; border-bottom:1px solid #333; border-right:1px solid #333; margin-top:16px;">
                </div>
                <div id="parPrinc">
                	"Reparar Mi Casa" es una nueva plataforma de trabajo donde podes publicar alguna reforma, reparación, ampliación o nueva contrucción para tu CASA y nosotros te proporcionamos un Profesional para que la Repare o Contruya
                </div>
            </div>
            
            
        </div>
    </header>

    <section>
    	<div align="center" style="padding-top:44px;">
    		<div class="row">
            <h2 style="font-family: 'DK Semarang'; font-size:29px; color: #666;">¿Como funciona?</h2>
        	</div>
            <div class="row">
        	<p style="font-size:22px; font-family:GeosansLight; color:#000; width:60%; line-height:28px; white-space:3px; padding-top:52px;text-align : justify;">
            	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor arcu dolor. Nunc faucibus ipsum eget mauris ullamcorper posuere. Nullam et lobortis velit. Nam sed lacus felis. Cras facilisis nec nisi ac laoreet. Phasellus nec nulla vitae nisi fringilla bibendum. Mauris mattis imperdiet suscipit. Quisque lobortis sem eget est molestie accumsan at ut lectus. Suspendisse porta magna ante, in auctor tellus condimentum eget. Aliquam varius sem quis vehicula bibendum. Donec porttitor nunc quis odio sagittis euismod. Phasellus eu velit eget lorem pulvinar lobortis et at metus.
            </p>
            </div>
            
            <div class="row" style="width:90%; margin-top:20px; margin-bottom:20px;">
            	
                <div class="col-md-4 w">
                	<img src="imagenes/repplom.jpg" width="320" height="224" class="img-circle-30">
                    
                    <h5 style="font-size:18px;">Plomería</h5>
                    
                    <hr>
                    
                    <p>
                    	felis est interdum mi, quis varius sem tellus in nunc. Vestibulum at sapien accumsan, facilisis sem ac, ornare nisi. Maecenas ultricies dignissim leo, vel ullamcorper dui porta vel. Donec pellentesque, elit at vehicula consectetur, nunc est tristique massa, vel mollis m.
                    </p>
                </div>
                
                <div class="col-md-4 w">
                	<img src="imagenes/repyeso.jpg" width="320" height="224" class="img-circle-30">
                    
                    <h5 style="font-size:18px;">Yesería</h5>
                    
                    <hr>
                    
                    <p>
                    	felis est interdum mi, quis varius sem tellus in nunc. Vestibulum at sapien accumsan, facilisis sem ac, ornare nisi. Maecenas ultricies dignissim leo, vel ullamcorper dui porta vel. Donec pellentesque, elit at vehicula consectetur, nunc est tristique massa, vel mollis m.
                    </p>
                </div>
                
                <div class="col-md-4 w">
                	<img src="imagenes/reppint.jpg" width="320" height="224" class="img-circle-30">
                    
                    <h5 style="font-size:18px;">Pinturería</h5>
                    
                    <hr>
                    
                    <p>
                    	felis est interdum mi, quis varius sem tellus in nunc. Vestibulum at sapien accumsan, facilisis sem ac, ornare nisi. Maecenas ultricies dignissim leo, vel ullamcorper dui porta vel. Donec pellentesque, elit at vehicula consectetur, nunc est tristique massa, vel mollis m.
                    </p>
                </div>
                
            </div>
            
            <div class="row">
            <p style="font-size:22px; font-family:GeosansLight-Oblique; color:#000; width:60%; line-height:28px; white-space:3px; margin-top:22px;text-align : justify; border-left:4px solid #333; padding-left:16px;">
            	Proin vitae nulla porta, egestas purus sit amet, interdum erat. Integer ut lorem faucibus, dapibus eros id, pulvinar velit. Mauris in molestie elit, eu dignissim dolor. Proin congue eget lacus elementum pharetra.
            </p>
            </div>
            
            
            <div class="row">
            <p style="font-size:22px; font-family:GeosansLight; color:#000; width:60%; line-height:28px; white-space:3px; margin-top:22px;text-align : justify;">
            	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor arcu dolor. Nunc faucibus ipsum eget mauris ullamcorper posuere. Nullam et lobortis velit. Nam sed lacus felis. Cras facilisis nec nisi ac laoreet. Phasellus nec nulla vitae nisi fringilla bibendum. Mauris mattis imperdiet suscipit. Quisque lobortis sem eget est molestie accumsan at ut lectus. Suspendisse porta magna ante, in auctor tellus condimentum eget. Aliquam varius sem quis vehicula bibendum.
            </p>
            </div>
        </div>
    </section>
	
    <section>
    	<div style="background-color:#FFF; padding-top:40px;" align="center">
        	<div class="row">
            	<h2 style="font-family: 'DK Semarang'; font-size:29px; color: #999;">Trabajos Realizados</h2>
        	</div>
        </div>
    </section>

</body>

</html>
